<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/dsdialog.css" />
		<link rel="stylesheet" type="text/css" href="css/Modal.css" />
		<link rel="stylesheet" type="text/css" href="css/sweetalert.css" />
		<script src="js/jquery-1.11.0.js"></script>
		<script src="js/dsdialog.js"></script>
		<script src="js/Modal.js"></script>
		<script src="js/sweetalert.min.js"></script>
		<script src="layer/layer.js"></script>
	</head>
	<script type="text/javascript">
		$(function() {
			$('.dele').click(function(event) {
				cof_alert('提示', '确认删除吗?', '确定', '取消', function() {
					p_alert('提示', '点击确定的回调函数');
				}, function() {
					//p_alert('提示','点击取消的回调函数');
				})
			});

			$('.cs').click(function() {
                swal({
					title: "您确定要删除选中信息吗？",
//					text: "You will not be able to recover this imaginary file!",
//					type: "warning",
					showCancelButton: true,
					confirmButtonColor: '#DD6B55',
					confirmButtonText: '确定',
					closeOnConfirm: false
				},
				function(){
					swal("删除操作成功!");
				});
			})
			
			$('.cs3').click(function() {
				//询问框
                layer.confirm('您确定要删除选中信息吗？', {
                    btn: ['确定','取消'] ,//按钮
                    area:['346px','180px'], //宽高
                    title:['提示',true], //标题
                    closeBtn:false,
//                  yes: function(index){
//				        layer.close(index);
//				        layer.msg('删除成功', {
//				            icon: 1,
//                  	    time:1000
//				        });
//				    }
                }, function(){
                    layer.msg('删除成功',{
                    	icon: 1,
                    	time:1000
                    });
                });
			})
			
			$('.bc').click(function() {
				//询问框
                layer.confirm('是否对刚才修改的内容进行保存？', {
                    btn: ['是','否','取消'], //按钮
                    area:['346px','180px'], //宽高
                    title:['提示',true], //标题
                    closeBtn:false,
//                  yes: function(index){
//				        layer.close(index);
//				        layer.msg('保存成功', {
//				            icon: 1,
//                  	    time:1000
//				        });
//				    }
                }, function(){
                    layer.msg('保存成功',{
                    	icon: 1,
                    	time:1000
                    });
                });
			})
			
			
			$('.hd').click(function() {
				//信息框-例2
				layer.confirm('你确定你很帅么？', {
				    time: 0, //不自动关闭
				    btn: ['必须啊', '丑到爆'],
				    success: function(index){// 弹出层创建完成后执行的回调函数
//					    console.log(1);
					},
				    yes: function(index){// 弹出层点击确定或者是的时候执行的回调函数
				        layer.close(index);
				        layer.msg('雅蠛蝶 O.o', {
				            icon: 6,
				            time:1000
				        });
				    },
				    error: function(index){
				        layer.close(index);
				        layer.msg('雅蠛蝶 O.o', {
				            icon: 6,
				            time:1000
				        });
				    }
				});
			})
		})
	</script>

	<body>
	    <button type="button" class="global_btn global_button" data-id="add_user1" onclick="modal($(this),'新增','460px','#DDDDDD','#2EB76C')">新增1</button>
		<button type="button" class="global_btn global_button" data-id="add_user2" onclick="modal($(this),'新增','600px','#DDDDDD','#2EB76C')">新增2</button>
		<button type="button" class="global_btn global_button" data-id="add_user3" onclick="modal($(this),'病例场景','460px','#F74D56','#2EB76C','删除','新增')">病例场景新增</button>
		<button type="button" class="global_btn global_button" data-id="add_user4" onclick="modal($(this),'场景切换','185px')">病例场景管理</button>
		<button type="button" class="global_btn global_button dele">删除测试1</button>
		<button type="button" class="global_btn global_button cs">删除测试2</button>
		<button type="button" class="global_btn global_button cs3">删除测试3</button>
        <button type="button" class="global_btn global_button bc">编辑保存</button>
        <button type="button" class="global_btn global_button hd">测试回调函数</button>

		<!--========新增子用户1模态框开始=======-->
		<div class="modal_html" id="add_user1">
			<form class="addUser_form">
				<div class="modal_head">
					<span class="sp1"></span>
				</div>
				<div class="modal_body">
					<div class="modal_box">
						<div class="form_input form_input_width">
							<p class="input_title"><span>检查部位：</span></p>
							<p class="validate_box">
								<!--<span class="validate_info">企业类型</span>-->
								<select class="global_select" datatype="*">
									<option value="企业类型1">默认分</option>
									<option value="企业类型2">默认分</option>
								</select>
							</p>
						</div>
						<div class="form_input form_input_width">
							<p class="input_title"><span>检查工具：</span></p>
							<p class="validate_box">
								<!--<span class="validate_info">企业类型</span>-->
								<select class="global_select" datatype="*">
									<option value="企业类型1">默认分</option>
									<option value="企业类型2">默认分</option>
								</select>
							</p>
						</div>
						<div class="form_input form_input_width">
							<p class="input_title"><span>检查专项区域：</span></p>
							<p class="validate_box">
								<!--<span class="validate_info">企业类型</span>-->
								<select class="global_select" datatype="*">
									<option value="企业类型1">默认分</option>
									<option value="企业类型2">默认分</option>
								</select>
							</p>
						</div>
					</div>
				</div>
				<div class="modal_footer">
					<div class="modal_btn">
						<button type="button" class="global_button cancel cancel_btn fbtn"></button>
						<button type="submit" class="global_btn global_button sure sure_btn lbtn"></button>
					</div>
				</div>
			</form>
		</div>
		<!--========新增子用户1模态框结束=======-->

		<!--========新增子用户2模态框开始=======-->
		<div class="modal_html" id="add_user2">
			<form class="addUser_form">
				<div class="modal_head">
					<span class="sp1"></span>
				</div>
				<div class="modal_body">
					<div class="modal_box">
						<!--短长度下拉-->
						<div class="form_input form_input_width">
							<p class="input_title input_titleto"><span>评分项：</span></p>
							<p class="validate_box lag_text">
								<!--<span class="validate_info">企业类型</span>-->
								<select class="global_select smart_select" datatype="*">
									<option value="企业类型1">默认项</option>
									<option value="企业类型2">默认项</option>
								</select>
							</p>
						</div>
						<!--短长度下拉-->
						<!--短长度input-->
						<div class="form_input">
							<p class="input_title input_titleto"><span>解析内容：</span></p>
							<p class="validate_box smart_text">
								<!--<span class="validate_info">用户姓名</span>-->
								<input type="text" class="global_input" placeholder="请输入答案..." datatype="*" />
							</p>
						</div>
						<!--短长度input-->
						<div class="form_input">
							<p class="input_title input_titleto"><span>问题：</span></p>
							<p class="validate_box lag_text">
								<!--<span class="validate_info">备注</span>-->
								<textarea class="global_textarea" datatype="*" placeholder="请输入问题..."></textarea>
							</p>
						</div>
						<!--双排input-->
						<div class="form_input">
							<p class="input_title input_titleto"><span>解析内容：</span></p>
							<p class="validate_box do_text">
								<!--<span class="validate_info">用户姓名</span>-->
								<input type="text" class="global_input" placeholder="请输入答案..." datatype="*" />
							</p>
							<div class="jv_text">
							    <p class="input_title input_titleto"><span>解析内容：</span></p>
							    <p class="validate_box do_text_p">
								    <!--<span class="validate_info">用户姓名</span>-->
						            <input type="text" class="global_input" placeholder="请输入答案..." datatype="*" />
								</p>
							</div>
						</div>
						<!--双排input-->
						<!--双排下拉-->
						<div class="form_input form_input_width">
							<p class="input_title input_titleto"><span>必要性：</span></p>
							<p class="validate_box do_select">
								<!--<span class="validate_info">企业类型</span>-->
								<select class="global_select" datatype="*">
									<option value="企业类型1">默认分</option>
									<option value="企业类型2">默认分</option>
								</select>
							</p>
							<div class="jv_select">
								<p class="validate_box" style="width: 63%; float: right;">
									<!--<span class="validate_info">企业类型</span>-->
									<select class="global_select" datatype="*">
										<option value="企业类型1">默认分</option>
										<option value="企业类型2">默认分</option>
									</select>
								</p>
								<p class="input_title input_titleto" style="float: right;"><span>解析项目：</span></p>
							</div>
						</div>
						<!--双排下拉-->
						<!--长长度input-->
						<div class="form_input">
							<p class="input_title input_titleto"><span>解析内容：</span></p>
							<p class="validate_box lag_text">
								<!--<span class="validate_info">用户姓名</span>-->
								<input type="text" class="global_input" placeholder="请输入答案..." datatype="*" />
							</p>
						</div>
						<!--长长度input-->
					</div>
				</div>
				<div class="modal_footer lag_footer">
					<div class="modal_btn">
						<button type="button" class="global_button cancel cancel_btn fbtn"></button>
						<button type="submit" class="global_btn global_button sure sure_btn lbtn"></button>
					</div>
				</div>
			</form>
		</div>
		<!--========新增子用户2模态框结束=======-->

        <!--========病例场景新增模态框开始=======-->
        <div class="modal_html" id="add_user3">
			<form class="addUser_form">
				<div class="modal_head">
					<span class="sp1"></span>
                    <!--<span class="sp2">x</span>-->
				</div>
				<div class="modal_body ">
					<div class="modal_box form_div_cj">
						<div class="form_div colorwhite">
							<span>场景1</span>
						</div>
						<div class="form_div colorhui">
							<span>场景2</span>
						</div>
						<div class="form_div colorwhite">
							<span>场景3</span>
						</div>
						
					</div>
				</div>
				<div class="modal_footer">
					<div class="modal_btn">
						<button type="button" class="global_button  cancel_btn fbtn"></button>
						<button type="submit" class="global_btn global_button  sure_btn lbtn"></button>
					</div>
				</div>
			</form>
		</div>
        <!--========病例场景新增模态框结束=======-->
        
        
        <!--========病例场景管理模态框开始=======-->
        <div class="modal_html modal_htmlgl" id="add_user4">
			<form class="addUser_form">
				<div class="modal_head">
					<span class="sp1"></span>
                    <span class="sp2">x</span>
				</div>
				<div class="modal_body ">
					<div class="modal_box form_div_gl">
						<div class="form_divgl colorwhite">
							<span>场景1</span>
						</div>
						<div class="form_divgl colorhui">
							<span>场景2</span>
						</div>
					</div>
				</div>
				<div class="modal_footer">
                    <div class="modal_footer_gl">
                    	<img src="guanli.png"/><span>管理</span>
                    </div>
				</div>
			</form>
		</div>
        <!--========病例场景管理模态框结束=======-->
        
		<!--========遮盖层开始=======-->
		<div class="mask_layer"></div>
		<!--========遮盖层结束=======-->
	</body>

</html>